/*
  1:歌曲搜索接口
    请求地址:https://autumnfish.cn/search
    请求方法:get
    请求参数:keywords(查询关键字)
    响应内容:歌曲搜索结果

  2:歌曲url获取接口
    请求地址:https://autumnfish.cn/song/url
    请求方法:get
    请求参数:id(歌曲id)
    响应内容:歌曲url地址
  3.歌曲详情获取
    请求地址:https://autumnfish.cn/song/detail
    请求方法:get
    请求参数:ids(歌曲id)
    响应内容:歌曲详情(包括封面信息)
  4.热门评论获取
    请求地址:https://autumnfish.cn/comment/hot?type=0
    请求方法:get
    请求参数:id(歌曲id,地址中的type固定为0)
    响应内容:歌曲的热门评论
  5.mv地址获取
    请求地址:https://autumnfish.cn/mv/url
    请求方法:get
    请求参数:id(mvid,为0表示没有mv)
    响应内容:mv的地址
*/
var app = new Vue({
  el: "#player",
  data: {
    // 查询关键字
    query: "",
    // 歌曲数组
    musicList: [],
    // 歌曲地址
    musicUrl: "",
    // 歌曲封面
    musicCover: "https://img2.baidu.com/it/u=97473322,2774128935&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=500",
    // 歌曲评论
    hotComments: [],
    // 动画播放状态
    isPlaying: false,
    // 遮罩层的显示状态
    isShow: false,
    // mv地址
    mvUrl: ""
  },
  methods: {
    // 歌曲搜索
    searchMusic: function() {
      var that = this;
      axios.get("https://autumnfish.cn/search?keywords=" + this.query).then(
        function(response) {
          // console.log(response);
          that.musicList = response.data.result.songs;
          console.log(response.data.result.songs);
        },
        function(err) {}
      );
    },
    // 歌曲播放
    playMusic: function(musicId,albumId) {
      console.log(musicId,albumId);
      var that = this;
      // 获取歌曲地址
      //https://music.163.com/song/media/outer/url?id=id.mp3 新接口
      // axios.get("https://music.163.com/song/media/outer/url?id=" + musicId + ".mp3").then(
      //   function(response) {
      //     // console.log(response);
      //     // console.log(response.data.data[0].url);
      //     that.musicUrl = "https://music.163.com/song/media/outer/url?id=" + this.musicId + ".mp3";
      //   },
      //   function(err) {}
      // );
      //原接口已失效
      that.musicUrl = "https://music.163.com/song/media/outer/url?id=" + musicId + ".mp3";
      console.log(that.musicUrl);

      // 歌曲封面获取，原接口已失效
      axios.get("https://autumnfish.cn/album?id=" + albumId).then(
        function(response) {
          console.log(response);
          console.log(response.data.album.blurPicUrl);
          that.musicCover = response.data.album.blurPicUrl;
          console.log(that.musicCover);
        },
        function(err) {}
      );
      

      // 歌曲评论获取
      axios.get("https://autumnfish.cn/comment/hot?type=0&id=" + musicId).then(
        function(response) {
          // console.log(response);
          console.log(response.data.hotComments[0]);
          that.hotComments = response.data.hotComments;
        },
        function(err) {}
      );
    },
    // 歌曲播放
    play: function() {
      // console.log("play");
      this.isPlaying = true;
    },
    // 歌曲暂停
    pause: function() {
      // console.log("pause");
      this.isPlaying = false;
    },
    // 播放mv
    playMV: function(mvid) {
      var that = this;
      axios.get("https://autumnfish.cn/mv/url?id=" + mvid).then(
        function(response) {
          // console.log(response);
          console.log(response.data.data.url);
          that.isShow = true;
          that.mvUrl = response.data.data.url;
        },
        function(err) {}
      );
    },
    // 隐藏
    hide: function() {
      this.isShow = false;
    }
  }
});
